html,
body,
h1,
h2,
h3,
p,
br,
ul,
li {
  margin: 0;
  padding: 0;
}
@font-face {
  font-family: 'iconfont';
  src: url('http://at.alicdn.com/t/font_1477190617_0521557.eot');
  /* IE9*/
  src: url('http://at.alicdn.com/t/font_1477190617_0521557.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://at.alicdn.com/t/font_1477190617_0521557.woff') format('woff'), /* chrome、firefox */ url('http://at.alicdn.com/t/font_1477190617_0521557.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('http://at.alicdn.com/t/font_1477190617_0521557.svg#iconfont') format('svg');
  /* iOS 4.1- */
}
li {
  list-style: none;
}
.iconfont {
  font-family: "iconfont" !important;
}
html {
  font-size: 20px;
}
body {
  font-size: 0.6rem;
}
a {
  text-decoration: none;
}
header {
  width: 100%;
  height: 2.5rem;
  background-color: #06c1ae;
  border-bottom: 1px solid #21897d;
}
header div {
  float: left;
}
header .left {
  width: 5%;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
}
header .left div {
  float: left;
}
header .left a {
  color: white;
  width: 2rem;
  float: left;
  text-align: right;
  font-size: 0.8rem;
}
header .center {
  width: 90%;
  overflow: hidden;
  height: 1.5rem;
  margin: 0.5rem 0;
  box-sizing: border-box;
}
header .center a {
  width: 98%;
  height: 100%;
  padding-left: 0.6rem;
  background-color: #05A494;
  line-height: 1.5rem;
  display: inline-block;
  font-size: 0.8rem;
  color: white;
  border-radius: 0.2rem;
}
header .center a .text {
  width: 53rem;
  display: inline-block;
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 0.6rem;
  position: relative;
  top: -0.1rem;
  opacity: 0.7;
}
header .right {
  width: 5%;
  height: 2.5rem;
  text-align: center;
  color: white;
}
header .right span {
  font: 0.8rem/1.5 "微软雅黑";
}
.xiala {
  width: 0.9rem;
  height: 1rem;
  overflow: hidden;
  display: inline-block;
  position: relative;
  text-align: left;
  top: 0.6rem;
}
.xiala span {
  text-align: left;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
  color: white;
  display: inline-block;
  position: absolute;
  left: 0;
  top: -1.3rem;
}
nav {
  width: 100%;
  height: 11rem;
  display: flex;
  flex-flow: row wrap;
  border-bottom: 1px solid #eee;
  margin-bottom: 1rem;
}
nav .swiper-slide {
  text-align: center;
  background: #fff;
  display: flex;
  flex-flow: row wrap;
}
nav .swiper-slide li {
  width: 20%;
  height: 5rem;
  list-style: none;
  box-sizing: border-box;
  text-align: center;
}
nav .swiper-slide li a {
  display: block;
  box-sizing: border-box;
  padding: 1rem 0;
  width: 100%;
  color: black;
}
nav .swiper-slide li a span {
  display: inline-block;
  width: 100%;
  color: #666;
}
nav .swiper-slide li a .iconfont {
  width: 2rem;
  font: 1.5rem/2rem "iconfont";
  display: inline-block;
  color: white;
  border-radius: 50%;
  margin-bottom: 0.5rem;
}
nav .swiper-slide li a .li1 {
  background-color: orange;
}
nav .swiper-slide li a .li2 {
  background-color: red;
}
nav .swiper-slide li a .li3 {
  background-color: #8A90FA;
}
nav .swiper-slide li a .li4 {
  background-color: yellow;
}
nav .swiper-slide li a .li5 {
  background-color: orange;
}
nav .swiper-slide li a .li6 {
  background-color: yellow;
}
nav .swiper-slide li a .li7 {
  background-color: #4DC6EE;
}
nav .swiper-slide li a .li8 {
  background-color: pink;
}
nav .swiper-slide li a .li9 {
  background-color: orange;
}
nav .swiper-slide li a .li10 {
  background-color: #599EEC;
}
.content {
  width: 100%;
  height: 10rem;
  box-sizing: border-box;
  border: 1px solid #ddd;
  padding: 0.5rem;
}
.content a {
  text-align: center;
  display: block;
  height: 100%;
  box-sizing: border-box;
  border-right: 1px solid #ccc;
  color: #666;
}
.content a b {
  font: 0.8rem/1.8 "微软雅黑";
  color: #55a40f ;
}
.content a img {
  height: 50%;
}
.content a span {
  display: inline-block;
}
.content a .rColor {
  color: red;
}
.content a .pColor {
  color: deeppink;
}
.content a .oColor {
  color: orange;
}
.content .left {
  float: left;
  width: 33.33333333%;
  height: 100%;
}
.content .right {
  float: left;
  width: 66.66666667%;
  height: 100%;
}
.content .right div {
  width: 100%;
  height: 4.5rem;
  overflow: hidden;
}
.content .right .top {
  border-bottom: 1px solid #ccc;
}
.content .right .bottom {
  display: flex;
  flex-flow: row wrap;
}
.content .right .bottom a {
  width: 50%;
}
.content .right .bottom .span-time {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border-radius: 0.2rem;
  background-color: #000;
  color: white;
  line-height: 1rem;
  margin-top: 0.3rem;
}
.content .right .bright {
  border-right-width: 0;
}
section {
  padding-left: 1rem;
  color: #666;
}
section h2 {
  border-bottom: 1px solid #ddd;
  font: 1rem/2 "微软雅黑";
}
section h3 {
  display: none;
  border-bottom: 2px solid #ddd;
}
section h3 a {
  display: block;
  width: 100%;
  font: 0.8rem/2 simsun;
  color: #06c1ae;
  position: relative;
}
section h3 a:after {
  font-weight: 900;
  content: '>';
  position: absolute;
  right: 2%;
}
section li {
  width: 100%;
  height: 5rem;
  box-sizing: border-box;
  border-bottom: 1px solid #ddd;
}
section li a {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  color: #222;
  padding: 0.5rem 0.5rem 0 0;
}
section li a .left {
  float: left;
  width: 5rem;
  height: 100%;
  overflow: hidden;
}
section li a .right {
  width: 89%;
  height: 100%;
  float: left;
  padding-left: 1%;
}
section li a .right p {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
section li a .right p:nth-child(1) {
  font: 0.8rem/1.5 "微软雅黑";
}
section li a .right p:nth-child(2) {
  font: 0.6rem/2 "微软雅黑";
}
section li a .right p:nth-child(3) {
  color: #666;
}
section li a .right p:nth-child(3) .pri {
  float: left;
}
section li a .right p:nth-child(3) .pri .pri1 {
  font: 1rem/1.5 "微软雅黑";
  margin-right: 0.3rem;
  color: #06c1ae;
}
section li a .right p:nth-child(3) .xiaoliang {
  line-height: 1.5rem;
  float: right;
}
.jiazai {
  width: 100%;
  height: 7rem;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}
.jiazai:after {
  content: '';
  display: block;
  height: 0;
  overflow: hidden;
}
.jiazai img {
  height: 80%;
}
.top.iconfont {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  font: 1rem/2 "iconfont";
  color: white;
  text-align: center;
  background-color: #05A494;
  position: fixed;
  bottom: 5rem;
  display: none;
  right: 4rem;
  cursor: pointer;
}
footer {
  background-color: #f1f1f1;
}
footer a {
  color: #06C1AE;
  display: inline-block;
}
footer .top {
  padding: 1rem;
}
footer .top a {
  width: 2rem;
  text-align: center;
  font: 0.8rem/2 "宋体";
  border: 1px solid #06C1AE;
  padding: 0 0.5rem;
  border-radius: 0.2rem;
}
footer .top span {
  float: right;
  font: 0.7rem/1.5 "微软雅黑";
}
footer p:nth-of-type(2) {
  text-align: center;
  line-height: 2rem;
}
footer p:first-of-type {
  width: 100%;
  overflow: hidden;
}
footer p:first-of-type a {
  float: left;
  text-align: center;
  width: 25%;
  box-sizing: border-box;
  border-right: 1px solid #4DC6EE;
}
footer p:first-of-type .last {
  border-right: none;
}
footer .mybottom {
  width: 100%;
  height: 2rem;
  line-height: 2rem;
  position: relative;
}
footer .mybottom a {
  text-align: center;
  width: 20%;
  color: #666;
  line-height: 1rem;
  position: absolute;
  left: 45%;
  top: -25%;
  background-color: #f1f1f1;
}
@media (min-width: 767px) and (max-width: 1024px) {
  section li a .right {
    width: 85%;
  }
}
@media (max-width: 767px) {
  header .left {
    width: 17%;
  }
  header .center {
    width: 70%;
  }
  header .center a {
    width: 95%;
  }
  header .right {
    width: 13%;
  }
  section li a .left {
    width: 24%;
  }
  section li a .right {
    width: 75%;
  }
  section li a .right p:nth-child(1) {
    font: 0.7rem/1.5 "微软雅黑";
  }
  section li a .right p:nth-child(3) .pri .pri1 {
    font: 0.8rem/1.5 "微软雅黑";
  }
  .iconfont.top {
    right: 2rem;
    bottom: 2rem;
  }
  .jiazai {
    height: 3rem;
  }
  .jiazai img {
    height: 80%;
  }
  footer .mybottom a {
    width: 60%;
    left: 20%;
  }
}
@media (max-width: 374px) {
  header .left a {
    width: 1.5rem;
    font: 0.7rem/2.5rem "微软雅黑";
  }
  header .right span {
    font-size: 0.7rem;
  }
  nav li a .iconfont {
    width: 1.5rem;
    height: 1.5rrem;
    line-height: 1.5rem;
  }
  .content a b {
    font-size: 0.7rem;
  }
  .left img {
    width: 100%;
  }
  footer .top a {
    font: 0.7rem/1.5 "宋体";
  }
}
